<template>
    <div>

        <br/> <br/>
        <p style="font-size: 30px">修改个人信息</p>
        <br/> <br/>


        <el-col :offset="5">
            <el-col :span="2">
                <p>用户昵称</p>
            </el-col>
            <el-col :span="10">
                <el-input  v-model="name" />
            </el-col>
        </el-col>

        <br/><br/><br/>

        <el-col :offset="5">
            <el-col :span="2">
                <p>用户生日</p>
            </el-col>
            <el-col :span="10">
                <el-date-picker type="date" placeholder="选择日期" v-model="birthday" style="width: 100%;"/>
            </el-col>
        </el-col>

        <br/><br/><br/>

        <el-col :offset="5">
            <el-col :span="2">
                <p>用户邮箱</p>
            </el-col>
            <el-col :span="10">
                <el-input  v-model="email" />
            </el-col>
        </el-col>

        <br/><br/><br/>

        <el-col :offset="5">
            <el-col :span="2">
                <p>个性签名</p>
            </el-col>
            <el-col :span="10">
                <el-input
                        type="textarea"
                        placeholder="请输入内容"
                        v-model="showMsg"
                        maxlength="100"
                        show-word-limit
                />
            </el-col>
        </el-col>

<!--        <p>{{birthday}}</p>-->

        <br/><br/><br/><br/><br/><br/>


        <el-col :offset="10">
            <el-col :span="2" >
                <el-button type="success">更新</el-button>
            </el-col>
            <el-col :span="2" @click="test">
                <el-button type="info">取消</el-button>
            </el-col>
        </el-col>




    </div>
</template>

<script>
    import { formateDate } from './js/date'
    export default {
        name: "ele3",
        data() {
            return {
                name: '阿斯顿发顺丰',
                birthday:'2000-01-01',
                email: '',
                showMsg: '',
                delivery: false,
                type: [],
                resource: '',
                desc: ''
            }
        },
        methods: {
            onSubmit() {
                console.log('submit!');
            },
            test:function () {
                console.log(this.birthday);
                // console.log(this.form.date1);
                // var dataString = formateDate(this.form.date1, 'yyyy-MM-dd');
                // console.log(dataString)
            }
        }
    }
</script>

<style scoped>

</style>
